<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scale=0,maximum-scale=1.0,minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<header class="app">
			<ul>
				<li><img src="images/close.png"></li>
				<li><img src="images/logo.png"></li>
				<li>打开京东app，购物更轻松</li>
				<li>立即打开</li>
			</ul>
		</header>
		<div class="search-wrap">
			<div class="search-btn"></div>
			<div class="search">
				<div class="jd-icon"></div>
				<div class="sou"></div>
			</div>
			<div class="search-login">登录</div>
		</div>
		
		<div class="main-content">
			<div class="slider">
				<img src="upload/banner.dpg" >
			</div>
			<div class="brand">
				<div class="">
					<a href="3">	<img src="upload/pic11.dpg" ></a>
				</div>
				<div class="">
					<a href="3">	<img src="upload/pic22.dpg" ></a>
				</div>
				<div class="">
					<a href="3">	<img src="upload/pic33.dpg" ></a>
				</div>
			</div>
			<nav class="clearfix">
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
				<a href="#"><img src="upload/nav1.webp" ><span>京东超市</span></a>
			</nav>
			<div class="news">
				<a href="#"><img src="upload/new1.dpg" ></a>
				<a href="#"><img src="upload/new2.dpg" ></a>
				<a href="#"><img src="upload/new3.dpg" ></a>
			</div>
		</div>
	</body>
</html>
